@charset "utf-8";
/* CSS Document */

body,html,h6,h5,h4,h3,h2,h1,ul,ul li,p{ margin:0; padding:0;}
h6,h5,h4,h3,h2,h1{ font-weight:normal;}
ul li,ol li{ list-style:none;}
*{ font-size:15px; text-align:left; font-family:"思源黑体" !important; text-transform:capitalize;
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.clearboth{ clear:both;}
a,a:hover{ text-decoration:none !important;}
img{ display:block;}

.page{ text-align: center; margin: 10px 0;  width: 100%;}
.page a{ display:inline-block; background: #ccc; color: #fff; margin: 0 2px; padding: 2px 8px;}
.page a.dq{ background:#35aae7;}

.header{ border-bottom:2px solid #35aae7; height:100px;}
#header{z-index:999;}
.w1200{ width:1200px; margin:auto;}
.logo{ width:320px; float:left; margin-top:30px;}
.logo img{ width:200px; height:40px; display:inline-block; vertical-align:top;}
.logo a span{ display:inline-block; text-align:left; font-size:30px; font-weight:500; color:#333; border-left:1px dashed #999; margin-left:10px; padding-left:10px;}


/*菜单*/
.nav{ float:right; height:30px; line-height:30px; font-size:18px; margin-top:40px;}
.nav ul{}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ display:block;  width:128px; color:#555; text-align:center; font-size:18px; line-height:30px; padding-bottom:28px;}
.nav ul li a:hover,.header .nav ul li a.on{ background:#fff; color:#35aae7;}
.header .nav ul li a.on{ background:#fff; color:#35aae7;}
/*二级菜单*/
#menu ul ul { display:none;  position:absolute; top:58px; left:0; z-index:99999; width:auto; background:#ecf9fe;}
#menu ul ul li{ background:none; float:none; border-bottom:solid 1px #fff;}
#menu ul ul li a{ color:#555; font-size:15px; line-height:40px; padding:0; display:block; width:128px; text-align:center;}
#menu ul ul li a:hover{ color:#35aae7;}



/* 本例子css */
		.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
		.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-25px; bottom:10px; z-index:1; }
		.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.banner .slideBox .hd ul li{ float:left; margin-right:6px;  width:15px; height:15px; border-radius:50%; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.banner .slideBox .hd ul li.on{ background:#35aae7; color:#fff; }
		.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
		.banner .slideBox .bd img{ width:100%; height:auto; display:block;  }
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.banner .slideBox .prev,
		.banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.banner .slideBox .prev:hover,
		.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.banner .slideBox .prevStop{ display:none;  }
		.banner .slideBox .nextStop{ display:none;  }
		
.product_s{ margin-top:60px;}		
.product_s .tit{ float:left;}
.product_s .tit h2{ text-align:left; font-size:32px; color:#555; line-height:32px; margin:0 0 10px 0;}
.product_s .tit h3{ text-align:left; font-size:16px; color:#555; line-height:20px; margin:0;}
.product_s .product_more{ background:url(../images/more.png) no-repeat center center; float:right; display:block; width:150px; height:40px; margin-top:16px;}		
.product_s .product_con{ margin-top:26px;}		
.ih-item .img p{ text-align:center; color:#555; margin-top:6px; font-size:16px; line-height:20px;}		
		
.about_s{ margin-top:60px; background:url(../images/about_bg.jpg) no-repeat top center;}
.about_zi{ width:448px; float:right; color:#fff;}		
.about_zi h2{ font-size:32px; text-align:right; line-height:30px; margin:60px 0 10px 0;}
.about_zi h3{ font-size:16px; text-align:right; margin:0;}
.about_zi .about_con{ height:156px; overflow:hidden; margin:48px 0;}
.about_zi .about_con p{ text-align:left; text-indent:2em; color:#fff; font-size:16px; line-height:26px; margin:0;}	
.about_zi .about_con a{ text-decoration:none !important;}	
.about_zi .about_con a:hover p{ text-decoration:none; color:#35aae7;}

.about_ic .about_ic_list{ width:33.3%; height:230px; float:left; background:url(../images/ic_bg_01.png) no-repeat top left;}		
.about_ic .list2{ background:url(../images/ic_bg_02.png) no-repeat top left;}
.about_ic .list3{ background:url(../images/ic_bg_03.png) no-repeat top left;}
.about_ic_tu{ width:60px; height:60px; margin:50px auto 20px auto;}
.about_ic_zi{ margin-left:80px;}
.about_ic_zi h2{ float:left; font-size:70px; font-weight:bold; color:#fff; margin:0;}	
.about_ic_zi h3{ float:left; margin-top:16px; margin-left:10px;}	
.about_ic_zi h3 b{ display:block; font-weight:normal; color:#fff; font-size:18px; text-align:left; margin-bottom:10px;}
.about_ic_zi h3 strong{ display:block; font-weight:normal; color:#fff; font-size:16px; text-align:left;}

.about_ic .about_ic_list:hover .about_ic_tu img{ 
	-moz-animation-name:xzY; -moz-animation-duration:2s; -moz-animation-iteration-count:1;
	-webkit-animation-name:xzY; -webkit-animation-duration:2s; -webkit-animation-iteration-count:1;
	-o-animation-name:xzY; -o-animation-duration:2s; -o-animation-iteration-count:1;
	-ms-animation-name:xzY; -ms-animation-duration:2s; -ms-animation-iteration-count:1;
	animation-name:xzY; animation-duration:2s; animation-iteration-count:1;	
}
@-moz-keyframes xzY{/* Firefox */
	0%{ -moz-transform:rotateY(0deg);}
	100%{-moz-transform:rotateY(360deg);}	
}
@-webkit-keyframes xzY{/* Safari 和 Chrome */
	0%{ -webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(360deg);}	
}
@-o-keyframes xzY{/* Opera */
	0%{ -o-transform:rotateY(0deg);}
	100%{-o-transform:rotateY(360deg);}	
}
@-ms-keyframes xzY{ /* Internet Explorer */
	0%{ -ms-transform:rotateY(0deg);}
	100%{-ms-transform:rotateY(360deg);}	
}
@keyframes xzY{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(360deg);}		
}	


.news_s{ margin-top:60px;}		
.news_s .tit{ text-align:center;}
.news_s .tit h2,.news_s .tit h3{ text-align:center; color:#555;}
.news_s .tit h2{ margin:0 auto 10px 0; font-size:32px;} 
.news_s .tit h3{ margin:0; font-size:16px;}		
.news_con{ margin-top:26px;}		
.news_con .news_list{ float:left; width:568px; background:#f2f2f2; margin-bottom:30px; margin-left:22px; padding:10px;}		
.news_con .news_list:nth-child(odd){ margin-bottom:0;}		
.news_con .news_list .news_tu{ width:146px; height:106px; float:left;}		
.news_con .news_list .news_tu img{ max-width:100%; height:auto;}		
.news_con .news_list .news_zi{ float:left; width:382px; margin-left:20px;}
.news_con .news_list .news_zi h2{ margin:10px 0 0 0;}		
.news_con .news_list .news_zi h2 a{ display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left; font-size:16px; color:#333; margin:0;}		
.news_con .news_list .news_zi span{ display:block; text-align:left; font-size:12px; color:#999; margin:10px 0 0px 0;}		
.news_con .news_list .news_zi p a{ text-align:left; text-indent:2em; font-size:12px; line-height:22px; height:44px; overflow:hidden; color:#999;}		
.news_con .news_list .news_zi p{ margin:0;}		
.news_more a{ display:block;background:url(../images/more.png) no-repeat center center; width:150px; height:40px; margin:auto;}		
.news_con .news_list:hover{ background:#35aae7;}		
.news_con .news_list:hover .news_zi h2 a{ color:#fff;}
.news_con .news_list:hover .news_zi p a{ color:#fff;}		
.news_con .news_list:hover .news_zi span{ color:#fff;}	

.case_s{ margin:60px auto;}		
.case_s .tit h2{ text-align:center; font-size:30px; margin:0 0 10px 0;}
.case_s .tit h3{ text-align:center; font-size:16px; margin:0 0 10px 0;}

.case_con{  /*padding:10px;*/ margin-top:26px;}
/*.g2{width:100%; height:66px; margin:0 auto 0px 0;}
.g2 ul li span{ display: block; margin: 6px; height: 60px; border:1px solid #ddd;}
.g2 ul li{}
.g2 ul li span a img{ display:block; max-width: 100%; height: auto; margin: auto;}
.g2 ul li span a p{ font-size: 12px; text-align: center; color: #FFF; height: 22px; line-height: 22px;}*/

.case_con ul li{ float:left; margin:0 10px; width:160px; border:1px solid #ddd; text-align:center; overflow:hidden;}
.case_cont ul li img{ border:solid 1px #dadada; width:170px; height:60px;}
.rollBox{width:1160px; position:relative; padding:0 40px; margin-left:10px;}
.rollBox .LeftBotton{height:60px;width:30px;background:url(../images/left.png) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; left:0; top:0px;}
.rollBox .RightBotton{height:60px;width:30px;background:url(../images/right.png) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; right:0; top:0px;}
.rollBox .Cont{width:1080px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}


.footer{ background:url(../images/footer_bg.jpg) no-repeat top center; height:320px;}
.footer .f1{ height:220px;}
.footer .f1 h2{ font-size:53px; text-align:center; font-weight:500; color:#fff; margin:0px 0 20px 0; padding-top:60px; letter-spacing:4px;}
.footer .f1 h3{ font-size:22px; text-align:center; color:#fff; text-transform:uppercase; margin:0;}
.footer .f2{ background:#fff;}
.footer .f2 a img{ margin:0 auto; padding-top:30px;}
.footer .f2 h2{ text-align:center; font-size:30px; color:#333; margin:20px 0 10px 0;}
.footer .f2 h3{ text-align:center; font-size:14px; color:#333; margin:0 auto 10px 0;}
.footer .f2 .f2_nav{ width:560px; margin:40px auto 40px auto;}
.footer .f2 .f2_nav li{ float:left; width:110px; border-left:1px solid #ddd;}
.footer .f2 .f2_nav li:first-child{ border:none;}
.footer .f2 .f2_nav li a{ display:block; text-align:center; font-size:16px; line-height:16px; color:#555;}
.footer .f2 .f2_nav li a:hover,.footer .f2 ol li a:hover{ color:#35aae7;}
.footer .f2 ol li a{ display:block; width:25%; float:left; text-align:center; color:#808080; margin-bottom:30px; text-transform:initial;}
.footer1{ height:50px; background:#ddd;}
.footer1 p{ font-size:13px; line-height:50px; margin:0; color:#555; text-align:center;}
.footer1 p img{ display:inline-block;}


/*内页开始*/
.weizhi{ background:#fff; height:60px; line-height:60px; color:#666; box-shadow:0 1px 10px #b3b3b3;}
.weizhi .weizhi-left{ float:right;}
.weizhi ul li{ float:left;}
.weizhi ul li a{ color:#666; font-size:16px; line-height:60px; display:block; padding:0 20px;}
.weizhi ul li a.on,.weizhi ul li a:hover{ color:#35aae7; font-weight:bold;}
.weizhi-right{ float:left; color:#666; font-size:14px; line-height:60px; background:url(../images/home.png) no-repeat left center; padding-left:16px; background-size: auto 16px}
.weizhi-right a{ color:#666; margin:0 6px;}
.weizhi-right span{ color:#35aae7;}

.ny{ margin-top:60px; margin-bottom:100px;}
.about1{ width:70%; float:left; margin-bottom:30px;}
.about1 h2{ text-align:left; font-size:30px; color:#333; margin:0 0 10px 0;}
.about1 h3{ text-align:left; font-size:20px; color:#35aae7; margin:0 0 20px 0; letter-spacing:4px;}
.about1 p{ text-align:left; text-indent:2em; font-size:16px; line-height:2; margin:0; color:#555;}
.about2{ width:26%; float:right; border:1px solid #ddd; padding:2px; margin-bottom:30px;}
.about2 img{ max-width:100%; height:auto; display:block; margin:auto;}

.cul{font-size: 16px; color: #555; line-height: 2; text-align: left;}
.cul p{ text-indent:2em;}
.cul img{ display:block; margin:auto;}

.ny_tit{ margin-bottom:30px;}
.ny_tit h2{ text-align:center; font-size:32px; margin:0 0 10px 0; color:#333;}
.ny_tit h3{ text-align:center; font-size:16px; color:#555; margin:0; text-transform:uppercase;}

.p_tit{ border-bottom:1px dashed #ddd; margin-bottom:30px;}
.p_img{ margin-bottom:30px;}
.p_img img{ max-width:100%; height:auto; display:block; margin:auto; border:1px solid #ddd; padding:2px;}
.cpxq{ line-height:45px; font-size:16px; font-weight:normal; background:#f2f2f2; padding-left:20px; color:#35aae7; font-weight:bold; margin:30px 0;}

.cpxq-con{ }
.cpxq-con p{ text-indent:2em; font-size:16px; line-height:2; color:#555;}
.cpxq-con img{ display:block; max-width:100%; margin:auto;}
.cpxq-con table{ border-collapse:collapse; width:100%;}
.cpxq-con table td,.cpxq-con table th{ border-collapse:collapse; border:1px solid #ddd;}
.product_show3{ margin:40px 0;}
.product_show3 li a{ display:block; height:40px; line-height:40px; text-align:left; font-size:16px; color:#555; border-bottom:1px dashed #ddd;}

.news_box .n_list{ width:100%; border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px;}
.news_box .n_list .news_tu{ width:24%; float:left; overflow:hidden;}
.news_box .n_list .news_tu img{ display:block; margin:auto; max-width:100%; height:auto; width:100%; height:auto;transform: scale(1,1); transition-duration: 0.5s;}
.news_box .n_list .news_zi{ width:74%; float:right;}
.news_box .n_list .news_zi h2 a{ display:block; font-size:18px; text-align:left; margin:0; line-height:40px; color:#333;}
.news_box .n_list .news_zi span{ display:block; font-size:14px; color:#999; margin-bottom:15px;}
.news_box .n_list .news_zi p a{ display:block; font-size:16px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.news_box .n_list .news_zi .n_more a{ float:right; margin-top:20px; display:block; width:116px; height:38px; border:1px solid #ddd;
 text-align:center; font-size:16px; color:#555; line-height:38px;}
.news_box .n_list:hover{ border-bottom:1px solid #35aae7;}
.news_box .n_list:hover .news_zi .n_more a{ background:#35aae7; color:#fff; border:1px solid #35aae7;}
.news_box .n_list:hover h2 a{ color:#35aae7;}
.news_box .n_list:hover .news_tu img{transform: scale(1.1,1.1); transition-duration: 0.5s;}

.n_show{ border-bottom:1px dashed #ddd; margin-bottom:30px; padding-bottom:10px;}
.n_show h2{ text-align:center; font-size:32px; color:#333; margin:0 0 10px 0;}
.n_show h3{ text-align:center; font-size:16px; color:#555; margin:0;}
.n_show1{ font-size:16px; color:#555; line-height:2; text-align:left;}
.n_show1 p{ text-indent:2em; margin:0;}
.n_show1 img{ display:block; max-width:100%; margin:6px auto;}
.news_return{ display:block; text-align:center; margin:20px auto; font-size:16px; color:#555;}
.news_return:hover{ color:#35aae7;}
.n_show3{ margin:10px 0;}
.n_show3 li a{ display:block; height:40px; line-height:40px; text-align:left; font-size:16px; color:#555; border-bottom:1px dashed #ddd;}

.case_show ul li{ width:25%; float:left; margin-bottom:30px;}
.case_show ul li img{ border:1px solid #ddd; max-width:100%; height:auto; margin:auto; display:block;}
.case_show ul li:hover img{ border:1px solid #35aae7;}

.contact .ny_tit h2,.contact .ny_tit h3{ text-align:left;}
.contact_left{ width:40%; float:left;}
.contact_left p{ font-size:20px; line-height:2; margin-bottom:10px; color:#333; text-transform:initial;}
.contact_left p span{ font-weight:bold; font-size:18px; color:#555; text-transform:initial;}

.contcat_right{ width:58%; float:right;}
.contcat_right input{ padding-left:10px; border:1px solid #c3c3c3; height:35px; line-height:34px; width:320px;
 margin-left:10px; color:#555; font-size:14px; margin-bottom:20px;}
.contcat_right input:hover,.contact1 .contact1-left textarea:hover{ border:1px solid #1049a0;}
.contcat_right input:nth-child(odd){ margin-left:0;}
.contcat_right textarea{ width:665px; height:100px; padding-left:10px; border:1px solid #c3c3c3; margin-bottom:20px;}
.contcat_right button{ width:200px; background:#35aae7; /*border:3px solid #1049a0;*/ line-height:44px; color:#fff; text-align:center;
 font-size:18px; font-weight:bold; line-height:44px; border:none;}